{{!< default}}
{{#post}}
    <header style="background-image: url({{#if image}}{{image}}{{else}}{{@blog.cover}}{{/if}})" class="post-header">
        <div class="post-header-container">
            <div class="post-nav">
                <a href="{{@blog.url}}">HOME</a>
            </div>
            <div class="post-content">
                <h1 class="post-title">{{title}}</h1>
                <p>
                    <span>{{date format="YYYY年MM月DD日"}}</span>
                    <span class="post-author">@{{author.name}}</span>
                </p>
                <p class="post-tags">{{tags separator=""}}</p>
            </div>
        </div>
    </header>
    <div class="site-content">
        <!--<a class="toggle-side-btn position-absolute hidden">-->
        <!--<i class="fa fa-cogs"></i>-->
        <!--<span>目录</span>-->
        <!--</a>-->
        <div class="article-wrapper">
            <div class="article-left">
                <article class="md-preview">
                    {{content}}
                </article>
            </div>
            <nav class="navbar-side hidden">
                <div class="toc-wrapper">
                    <a class="slide-toc-btn">
                        <span>目录</span>
                        <span></span>
                    </a>
                    <div id="toc"></div>
                </div>
            </nav>
        </div>
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="post-footer">
                        {{#author}}
                            <figure class="author-image">
                                <a href="{{url}}" style="background-image: url({{image}})"></a>
                            </figure>
                            <section class="author">
                                <h4>
                                    <a href="{{url}}">{{name}}</a>
                                </h4>
                                <p>{{bio}}</p>
                                <div class="author-meta">
                                    <span><i class="fa fa-map-marker"></i>{{location}}</span>
                                    <span><i class="fa fa-link"></i>{{website}}</span>
                                </div>
                            </section>
                            <section class="share">
                                <h4>分享这篇文章</h4>
                                <div class="share-icons">
                                    <a class="icon-share icon-weibo" href="">
                                        <i class="fa fa-weibo"></i>
                                    </a>
                                    <a class="icon-share icon-github" href="">
                                        <i class="fa fa-github"></i>
                                    </a>
                                    <a class="icon-share icon-facebook" href="">
                                        <i class="fa fa-facebook"></i>
                                    </a>
                                </div>
                            </section>
                        {{/author}}
                    </div>
                </div>
                <div class="col-md-12">
                    <div id="SOHUCS" sid="{{slug}}"></div>
                </div>
            </div>
        </div>

        <a id="back_to_top" href="#"></a>
        <aside class="read-next">
            {{#next_post}}
                <a class="read-next-story {{#if image}}" style="background-image: url({{image}}){{else}}no-cover{{/if}}"
                        href="{{url}}">
                    <section class="post">
                        <h2>{{title}}</h2>
                        <p>{{excerpt words="19"}}&hellip;</p>
                    </section>
                </a>
            {{/next_post}}
            {{#prev_post}}
                <a class="read-next-story prev {{#if image}}" style="background-image: url({{image}}){{else}}no-cover{{/if}}"
                        href="{{url}}">
                    <section class="post">
                        <h2>{{title}}</h2>
                        <p>{{excerpt words="19"}}&hellip;</p>
                    </section>
                </a>
            {{/prev_post}}
        </aside>
    </div>
    {{> copyright}}
{{/post}}

<div id="show_image_layer" class="hidden"></div>
<div id="img_wrapper" class="hidden">
    <img src="" alt="">
</div>

<script type="text/javascript">
    (function () {
        var appid = 'cytc7EqIc';
        var conf = 'prod_17fc7fe83088e34b6e66f533c88e020f';
        var width = window.innerWidth || document.documentElement.clientWidth;
        if (width < 960) {
            window.document.write('<script id="changyan_mobile_js" charset="utf-8" type="text/javascript" src="http://changyan.sohu.com/upload/mobile/wap-js/changyan_mobile.js?client_id=' + appid + '&conf=' + conf + '"><\/script>');
        } else {
            var loadJs = function (d, a) {
                var c = document.getElementsByTagName("head")[0] || document.head || document.documentElement;
                var b = document.createElement("script");
                b.setAttribute("type", "text/javascript");
                b.setAttribute("charset", "UTF-8");
                b.setAttribute("src", d);
                if (typeof a === "function") {
                    if (window.attachEvent) {
                        b.onreadystatechange = function () {
                            var e = b.readyState;
                            if (e === "loaded" || e === "complete") {
                                b.onreadystatechange = null;
                                a()
                            }
                        }
                    } else {
                        b.onload = a
                    }
                }
                c.appendChild(b)
            };
            loadJs("http://changyan.sohu.com/upload/changyan.js", function () {
                window.changyan.api.config({appid: appid, conf: conf})
            });
        }
    })();
</script>

